@charset "utf-8";
body{background:#2b2a2a;color:#999;}
.center_body{margin-top:70px;}
.user-box,.user-form{background-color:#333;box-shadow: 0 1px 2px rgba(0,0,0,.05);padding:15px}
a,h1,h2,h3,h4,h5,h6 {color:#b2b2b2;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;}
a:hover{color:#09BB07;}
:link,:visited,a:link,a:visited ins,a:visited,a:hover,a:active{text-decoration:none;}
.p-0{padding:0!important}
@media only screen {
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.user-center-vodlist .loading,.comment-focus .loading,.user-home .loading{width:100%;text-align:center;height:40px;margin-top:20px;margin-bottom:20px;line-height:40px;background:url(../images/loading.gif) center no-repeat;text-indent:15%;}
.text-color,.mymsg-list-cnt strong,.user-txt-list-cnt .name a,.user-txt-list-cnt .user a,.news-cnt .name a,.comment-post-self .comment-top a,.comment-assist a:hover,.zanpian-modal-tabs li:hover a,.zanpian-modal-tabs li.active a,.user-home-nav ul li.active a{color:#09BB07;}
.zanpian-modal-tabs li:hover,.zanpian-modal-tabs li.active{border-bottom:2px solid #09BB07;color:#09BB07;}
.text-color:hover,.user-txt-list-cnt .name a:hover,.user-txt-list-cnt .user a:hover,.news-cnt .name a:hover,.comment-post-self .comment-top a:hover{color:#666;}
.text-muted{ color:#999;}
.user-form h5 a{margin: 0 10px;}

.user_title{border-bottom:solid 1px rgba(255, 255, 255, .3);padding:15px 0px;overflow:hidden}
.user_title h2,.user-center-title h2{float:left;font-size:16px;margin:0px;}
.user-center-title ul{float:left; margin:0px;}
.user-center-title ul li {cursor:pointer;overflow: hidden;float:left;text-align: center;padding:5px 0 5px 0px; margin-right:20px;font-size:16px;font-weight: 400;border-bottom: 2px solid #333;}
.user-center-title ul li.active,.user-center-title ul li:hover{color:#09BB07;border-bottom: 2px solid #09BB07;}
.user-nav{background-color: #333;box-shadow: 0 1px 4px rgba(0,0,0,.1);}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,.user-nav .navbar-nav li a:hover{color: #fff;background-color: #000;}
.navbar-default .navbar-nav > .active > a:focus {color: #555;background-color: #e7e7e7;}
.user-nav .navbar-nav li a:hover{color:#555;background-color: #e7e7e7;}
.user-vip{position:absolute; top:-20px;left:40%;}
.user-vip .iconfont{ font-size:40px;}
.user-center-avatar img{border-radius:100%;width:100%;height:100%;max-width:150px;max-height:150px; margin-top:5%}
.user-center-avatars .avatar{height: 150px;width:150px;overflow: hidden;margin-left:auto; margin-right:auto;border-radius:100%; margin-bottom:20px;}
.user-center-info strong{ font-size:20px}
.user-center-title{padding:15px;overflow:hidden}
.user-info-left,.user-info-right{ min-height:210px;}
.user-info-right .btn,.user-info-left .btn{margin-top:-5px; margin-left:10px;}
.user-notice-close {color: #444;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover{color: #999;cursor: default;background-color: #444;border: 1px solid #444;cursor: pointer;}
.nav-tabs {border-bottom: 1px solid #444;}
/*猜你喜欢*/
.comment-focus .news-box,.comment-ul li,.order-list  li{background-color:#444; position:relative;padding: 15px;}
.comment-post-self{background-color:#444;}
.comment-post-arrow{border-right: 12px solid #444;}
.comment-focus .news-box:hover,.comment-ul li:hover,.playlog-ul li:hover,.order-list  li:hover,.order-list  li.hover,.comment-post-self .comment-replay-cnt{background-color:#505050;}
.comment-post-self .comment-replay-arrow{border-bottom: 12px solid #505050;}
.comment-post-self .comment-sub{background-color:#333;}
.comment-post-self .comment-sub{border-color:#2b2a2a;}
.comment-focus .news-box:hover:after,.comment-focus .news-box:hover:before{border-right-color:#505050}
.comment-focus .news-box:after,.comment-focus .news-box:before{border:11px solid transparent;border-right:11px solid;width:0;height:0;position:absolute;left:-22px;top:11px;content:' ';visibility:visible;border-right-color:#444}
/*选择框*/
.label-checkbox input{position:absolute;left: -9999px;}
.label-checkbox,.ui-radio { position:absolute;left:10px;margin-top:4px;cursor: pointer;height: 16px;line-height: 15px;padding-left: 20px;background: url(../images/checkbox.gif) 0 0 no-repeat;}
.label-checkbox-on, .ui-radio-on {background-position: 0 -34px;}
.user-infos .form-horizontal .label-checkbox,.ui-radio{margin-top:10px; position:static}
/*删除按钮*/
.ui-del,.mdel{display: inline-block;margin-bottom:0;font-weight:400;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;-moz-user-select: none;background-image:none;border: 1px solid transparent;padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.ui-del:hover,.mdel:hover{color: #fff;background-color:#c9302c;border-color: #ac2925;}
/*我的评论*/
.comment-ul li .user-txt-list-cnt{overflow:hidden;padding-left:5px; display:block; width:100%;padding-right:40px; padding-left:20px}
.comment-ul li .user-txt-list-cnt{ line-height:25px;}
.comment-ul li .user-txt-list-cnt em{ display:none}
.comment-ul li .user-txt-list-cnt .list-digg{ margin-right:10px;}
.comment-ul li .user-txt-list-cnt em,.news-cnt p.cmt em{font-style:normal}
.comment-ul li h5{margin-top:4px; overflow:hidden}
.comment-ul li .mdel{position:absolute; top:15px;right:15px;display:none}
.comment-ul li .my-list-assit{ overflow:hidden; margin-right:-40px}
.comment-ul li .fn-left{float:left}
.comment-ul li .fn-right{float:right}
.comment-ul li .date-time,.playlog-ul li p.time{float:right;color: #999;}
.news-cnt span{ margin:0px 5px;}
.news-cnt p.cmt{ padding:10px;}
.box-page ul li a{background-color:#444;border: 1px solid #444;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 5px 15px;}
.box-page ul li span{background-color:#505050;padding: 5px 15px;}
.box-page ul li.active span,.box-page ul li a:hover{background-color: #09BB07;color: #fff;border: 1px solid #09BB07;}
.check-del{ padding:0 10px;}
.check-del .label-checkbox{ position:static;margin-top:3px;font-weight:normal;}
.check-del .clearall{margin-left:60px;}
/*播放记录*/
.playlog-ul li .label-checkbox{margin-top:2px; float:left;margin-right:5px;}
.playlog-ul li{padding:10px 55px 10px 35px; margin-bottom:10px;border-bottom: 1px dotted #505050; overflow:hidden}
.playlog-ul li p{float:left; margin:0px;}
.playlog-ul li .title{width:50%}
.playlog-ul li .morelook{margin:0 15px}
.playlog-ul li .morelook a,.playlog-ul li .title a{ margin:0 10px;}
.playlog-ul li .ui-del{ position:absolute; right:10px; display:none}
.mymsg-list-cnt{ margin-top:20px;padding:10px; background:#333;position:relative;}
.mymsg-list-cnt:after,.mymsg-list-cnt:before{border:11px solid transparent;border-bottom:11px solid;width:0;height:0;position:absolute;top:-22px;left:0px;content:' ';visibility:visible;border-bottom-color:#333}
.login-ico a:hover{ background-color:#444}
/*留言*/
.user-gb-type{ margin:0 -10px;}
.user-gb-type li{float: left;width: 25%;padding: 0 10px 10px 10px;}
.user-gb-type li a{display: block;padding: 10px 10px;text-align:center;border-radius:4px;background-color: #f8f8f8;}
.user-gb-type li.active a{background-color:#09BB07; color:#FFF}
/*视频*/
.user-center-vodlist ul li,.user-home ul.img-list li{ width:20%; float:left; padding:10px; position:relative;}
.user-center-vodlist ul li .play-img,.user-home ul.img-list li .play-img{display:block;position:relative;background: url(../images/pic.png) no-repeat top center;background-size:cover;padding-top:140%; overflow:hidden;}
.user-center-vodlist ul li .play-img label.mask,.user-home ul.img-list li .play-img label.mask{display:none}
.user-center-vodlist ul li .play-img label,.user-home ul.img-list li .play-img label{display:block;width: 100%;position: absolute;bottom: -5px;left: 0;padding: 5px 10px;background-repeat: no-repeat;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,.5));font-size: 12px;color: #fff; font-weight:normal}
.user-center-vodlist ul li .play-img label.txt,.user-home ul.img-list li .play-img label.txt{padding: 5px 10px;}
.user-center-vodlist ul li img,.user-home ul.img-list li img{position:absolute; top:0px; width:100%;object-fit:cover; height:100%;border:1px solid #e7e7e7; padding:1px;}
.user-center-vodlist .label-checkbox{float:left; margin-top:4px; position:static}
.user-center-vodlist ul li .user-todo{ overflow:hidden; padding:3px 0px}
.user-center-vodlist ul li .user-todo .ui-del{float:right;display:none}
.user-center-vodlist ul li:hover .user-todo .ui-del{ display:block}
.user-center-vodlist ul li h5,.user-home ul.img-list li h3,.user-center-vodlist ul li p.time{white-space: nowrap;text-overflow: ellipsis; overflow:hidden;text-align:center}
.user-home ul.img-list li h3{ font-size:14px;font-weight: 400;}
.user-center-vodlist ul li p{ text-align:center}
.user-center-vodlist ul li p.time{ font-size:12px;}
.user-center-vodlist .check-del{ padding:0 10px;}
.user-center-vodlist .check-del .clearall{ margin-left:10px;}
.user-center-vodlist ul li .fav-add{display:block;padding: 3px 12px;margin-bottom: 0;font-size:14px;font-weight: 400;line-height: 1.42857143;text-align: center;
white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 4px;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.i-rss-box{width:200%; padding-left:10px; padding-bottom:10px;position: absolute;z-index:9;text-align: left;right:-50%;border: 1px solid #444;background: #333;display:none}
.i-rss-box .play-list{overflow:hidden;font-size:12px;margin:0}
.i-rss-box .play-list a{width:30%;padding:5px 8px;margin-right:10px;margin-top:10px}
.i-rss-box .play-list a{overflow:hidden;text-align:center;color:#999;float:left;position:relative;background-color:#444;}
.i-rss-box .play-list a:hover{background-color:#09BB07;color:#FFF}
.i-rss-box .play-list img{border:none;position:static;top:auto;text-align:center;display:block;margin:0 auto;margin-top:0;margin-bottom:0;margin-top:20px;margin-bottom:20px;width:auto;height:auto}
.new-tip{ z-index:2}
.user-infos .tab-pane{ padding:30px 20px; overflow:hidden}
.user-infos .form-group label{font-weight: normal;}
.form-control {border-radius: 0;box-shadow: none;border-color: #d2d6de;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ccc;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.user-infos .tab-pane{display:none}
.user-infos .tab-pane.active{display:block}
.user-infos .form-horizontal span{font-size:12px;}
.remind-notice{ background-color:#444; padding:20px; margin-bottom:20px; font-size:12px}
.user-infos .btn-block{margin-top:20px;}
.user-infos object{overflow:hidden}
.user-infos .login-ico a{width:100%;overflow:hidden;}
.sns-list{padding:40px 0; border-bottom: 1px dashed #E0E0E0; overflow:hidden}
.sns-list strong{width:100%; float:left}
.sns-list span{float:left}
.sns-list .btn{margin-top:6px;}
.order-list span{float:left;text-align:center;white-space:normal;word-break:break-all;word-wrap:break-word; }
.order-list span i{font-style:normal}
.order-list span.sign{width:25%; text-align:left}
.order-list span.info{width:20%;}
.order-list span.money{width:12%}
.order-list span.ispay{width:12%}
.order-list span.type{width:8%;}
.order-list span.time{width:20%;text-align:right}
.order-list span.score{width:25%;}
.user-home-nav { margin-bottom:30px;}
.user-home-nav ul li{float:left}
.user-home-nav ul li a{display:inline-block;overflow:hidden;padding:0 23px;height:20px;color:#666;font:16px "Microsoft yahei";cursor:pointer}
.user-home-nav ul li.active a{text-decoration:none;font:16px "Microsoft yahei";cursor:pointer}
}
@media (max-width:990px){
.user-center-vodlist ul li,.user-home ul.img-list li{ width:33.3%;padding:5px;}	
.box-main-side{padding:10px}
}
@media (max-width:767px){
.pt-0{ padding-top:10px!important;}	
.user-box{padding:5px}	
.box-main-side{padding:0px}
.xs-bt-20{ margin-top:20px;}	
.comment-focus .news-box:after,.comment-focus .news-box:before{border:none}
.user-nav .navbar-nav{ padding:0 10px;}
.user-nav .navbar-nav li{float:left; width:33.3%;padding: 0 10px 10px 10px;}
.user-nav .navbar-nav li a{text-align:center;border:1px solid #2b2a2a;border-radius: 3px;white-space: nowrap;text-overflow: ellipsis; background-color:#444;}
.user-nav .navbar-nav li a:hover {background-color: #09BB07; color:#fff}
.box-page ul li span,.box-page ul li a{display:block;padding:5px 0;text-align:center}
.comment-ul li .mdel{ display:block;top:18px;}
.playlog-ul li .ui-del{ display:block;top:10px;}
.user-vip{position:absolute; top:-5px;left:40%;}
.user-center-vodlist ul li .user-todo .ui-del{display:block}
.user-txt-list-cnt h5,.news-top{white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.playlog-ul li .title{width:100%; margin-bottom:30px;}
.playlog-ul li{ padding-left:25px;padding-bottom:10px;}
.playlog-ul li .morelook{position:absolute;bottom:5px; left:15px;}
.playlog-ul li p.time{ bottom:5px; right:0px;position:absolute}
.user-center-title ul li{ width:33.3%; float:left; padding:0px; margin:0px; margin-bottom:10px;}
.user-center-title .btn-success{width:100%;margin:5px auto; float:left}
.mymsg-list-cnt{padding-left:20px; padding-right:10px;}
.mymsg-list-cnt:after,.mymsg-list-cnt:before{left:40px;}
.user-center-vodlist ul li,.user-home ul.img-list li{ width:33.3%;padding:5px;}
.user-center-vodlist .check-del{ padding:0 5px;}
.i-rss-box .play-list a{margin-right:5px;margin-top:5px}
.order-list span.type{ display:none}
.order-list span.sign{width:24%;}
.order-list span.info{width:29%; text-align:center}
.order-list span.money{width:11%}
.order-list span.ispay{width:9%}
.order-list span.time{width:23%;text-align:right}
.order-list li{ padding:5px;}
}